<h2>Add Cancellation</h2>
 
<form novalidate name="AddNewForm" id="add-new-form" method="post" action="">
  <table>
    <tr>
   <td>Date : <input type="date" ng-model="canc.Can_Date"></td>
   <td>Agent Name :  <select ng-model="clist" ng-options="canc.Name for canc in canceltblmast "></select> 
	</tr>
    
    <tr>
    <td>PAX Name : <input type="text" name="Pax_Name" ng-model="canc.Pax_Name" capitalize> </td>
    <td>No of PAX : <input type="number" ng-model="canc.No_of_Pax"></td>
    </tr>
    
    <tr>
      <td>Airline : <input type="text" name="Airline" ng-model="canc.Airline" capitalize> </td>
      <td>Sector : <input type="text" name="Sector" ng-model="canc.Sector" capitalize> </td>
      <td>Net Rate: <input type="number" ng-model="canc.Net_Rate"></td>
    </tr>
    
    <tr>
	    <td>Refund Amt: <input type="number" ng-model="canc.Refund_Amt"></td>
        <td>Refund Date : <input type="date" ng-model="canc.Refund_Date"></td>
        <td>Agent Rate: <input type="number" ng-model="canc.Agent_Rate"></td>
	</tr>
	<tr>
		
        <td>Agent Ref Amt: <input type="number" ng-model="canc.Agent_Ref_Amt"></td>
         <td>Reference Date : <input type="date" ng-model="canc.Reference_Date"></td>
         <td>Comment : <input type="text" ng-model="canc.Comment"></td>
	</tr>
	
  </table>
        <button class="btn btn-primary" ng-disabled="AddNewForm.$invalid || isUnchanged(canc)" id="add-new-btn" ng-click="add_new(canc)">Save!</button>
        <a href="#/editcanc/" class="btn">Cancel</a>
    </div>